/* $mainColor: #46be8a;
$dangerColor: #F56C6C;
$gradBackground: linear-gradient(120deg, #46b391, #4680b0);
$color:#bfbfbf;
$grayBackground: #f5f5f5;
$boxShadow: 0px 0px 5px rgba(0, 0, 0, 0.27);
$successColor: #67C23A;
$standardColor: #4c96fe;
$higerColor: #ff9e57;
$flagshipColor: #fe4b50; */
html {
  overflow-y: scroll;
}

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: 'Microsoft YaHei', 'SimSun', Arial, Helvetica, sans-serif;
  color: #606060;
}

* {
  box-sizing: border-box;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

iframe {
  border: none;
}

/* 公共颜色 */
.color-mian {
  color: #46be8a;
}

.color-danger {
  color: #F56C6C;
}

.color-success {
  color: #67C23A;
}


/* main */
#main {
  position: relative;
  padding-top: 72px;
  min-height: 100%;
  background: #fbfbfb;
}

.btn-blue {
  cursor: pointer;
  color: white;
  background-color: #46be8a;;
}

.btn-blue:hover {
  background: #2fc78f;
  color: white;
}

.btn-blue:active {
  background: #30b081;
}

.btn-blue.disabled {
  background-color: #eeeeee;
  color: #bebebe;
  cursor: auto;
  border: none;
}

.btn-white {
  cursor: pointer;
  border: 1px solid #d4d5d9;
  color: #606266;
  background-color: #ffffff;
}

.btn-white:hover {
  background-color: #f8f8f8
}

.btn-white:active {
  background-color: #eaeaea;
}

.account-level-label {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 2px 4px;
  height: 20px;
  line-height: 16px;
  color: #fff;
  border-radius: 2px;
  background-color: #4c96fe;
  text-align: center;
}

.account-level-label.free {
  background-color: #46be8a;
}

.account-level-label.advanced {
  background-color: #ff9e57;
}

.account-level-label.flagship {
  background-color: #fe4b50;
}

.common-index-icon {
  background-image: url(/_web/common/images/indexIcon.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.common-icon {
  background-image: url(/_web/common/images/icon.png?v=20201127);
  background-repeat: no-repeat;
  display: inline-block;
}

.common-icon2 {
  background-image: url(/_web/common/images/icon2.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.common-share-icon {
  background-image: url(/_web/common/images/share.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.slide-enter-active { /* 组件的过渡 */
  transition: all .3s ease-out;
}

.slide-leave-active {
  transition: all .3s ease-out;
  transform: translateX(-5px);
}

.slide-enter, .slide-leave-to {
  transform: translateX(-5px);
  opacity: 0;
}

[v-cloak] {
  display: none;
}

.common-banner { /* 渐变背景 */
  background: linear-gradient(90deg, #4AC295 0%, #44BC9F 50%, #39B2B1 100%);
  text-align: center;
}

.xz_f {
  display: flex;
}

.xz_f_col {
  display: flex;
  flex-direction: column;
}

.xz_f_center {
  justify-content: center;
  align-items: center;
}

.xz_f_j_b {
  justify-content: space-between;
}

.xz_f_a_c {
  align-items: center;
}

.xz_align_end {
  align-items: flex-end;
}

.xz_gap_15 {
  gap: 15px;
}

.xz_gap_10 {
  gap: 10px;
}

.xz_gap_8 {
  gap: 8px;
}

.xz_gap_5 {
  gap: 5px;
}

.xz_p_15 {
  padding: 15px;
}

.xz_f1 {
  flex: 1;
  overflow: hidden;
}

.xz_txt_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.xz_scrollbar::-webkit-scrollbar {
  width: 4px !important;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px !important;
  transform: translate(-50px, 0);
}

.xz_scrollbar::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px !important;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1) !important;
  background: #cccccc !important;
}

.xz_scrollbar::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 2px transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
}